import { useState } from 'react'
import './App.css'
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import image from './image.png'
function App() {
  // const navigate=useNavigate()
const onChange = (key: string) => {
  console.log(key);
};
  const images = [
   'https://foruda.gitee.com/avatar/1736753865420344119/15352555_mei-ting-is-good_1736753865.png!avatar30'
 ]
const items: TabsProps['items'] = [
  {
    key: '1',
    label: '全部订单',
    // children: 'image',
    // img:images
  },
  {
    key: '2',
    label: '待发货',
    children: 'Content of Tab Pane 2',
  },
  {
    key: '3',
    label: '待付款',
    children: 'Content of Tab Pane 3',
  },
  {
    key: '4',
    label: '待收货',
    children: 'Content of Tab Pane 4',
  },
];
    // const App: React.FC = () => 
  return (
    <div>
     
      {/* <div style={{display:'flex'}}>
         <b style={{marginLeft:'25px'}}>全部订单</b>
         <b style={{marginLeft:'25px'}}>待发货</b>
         <b style={{marginLeft:'25px'}}>待付款</b>
         <b style={{marginLeft:'25px'}}>待收货</b>
      </div> */}
      <Tabs defaultActiveKey="2" items={items} onChange={onChange} />
      <img src={image} alt="" />

    </div>
  )
}

export default App
